<template>
  <div>
    <div style="background:#013fa3d1; color:#fff">
      <span class="header"
        ><em class="m20">您好，欢迎来到县级信访系统平台</em></span
      >
      <span class="fl"><el-image :src="src" class="aaa"></el-image></span>
      <el-menu
        :default-active="activeIndex2"
        mode="horizontal"
        @select="handleSelect"
        background-color="#013fa3d1"
        text-color="#FFD04B"
        active-text-color="#FFD04B"
      >
        <el-menu-item index="home"><font color="#fff">首页</font></el-menu-item>
        <el-menu-item index="visit"
          ><font color="#fff">来访登记</font></el-menu-item
        >
      </el-menu>
    </div>
  </div>
</template>

<script>
export default {
  name: "Menu",
  data() {
    return {
      activeIndex: "home",
      src: "/static/images/top1.jpeg"
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
      this.$router.push(key);
    }
  }
};
</script>

<style>
.header {
  float: left;
  width: 1410px;
  height: 28px;
  line-height: 28px;
  z-index: 101;
  padding: 0px;
  background: #0a2556;
  margin-bottom: 1px;
}
.m20 {
  margin-left: 20px;
}
.aaa {
  height: 300px;
  width: 1410px;
}
.aaaa {
  text-align: center;
}
</style>
